<template>
  <div class="suqiuxiangqing">
    <div class="suqiuxiangqing-a">
      <div class="suqiuxiangqing-a-a">返回</div>
      <div class="suqiuxiangqing-a-aa">诉求详情</div>
      <div class="suqiuxiangqing-a-aaa"></div>
    </div>
    <div class="suqiuxiangqing-b">
      <div class="suqiuxiangqing-bb">办理情况</div>
    </div>
    <div class="suqiuxiangqing-c">
      <div class="suqiuxiangqing-c-a">
        <div class="suqiuxiangqing-c-aa">提交日期</div>
        <div class="suqiuxiangqing-c-aaa">2024-02-19</div>
      </div>
      <div class="suqiuxiangqing-c-a suqiuxiangqing-cc">
        <div class="suqiuxiangqing-c-aa">受理日期</div>
        <div class="suqiuxiangqing-c-aaa">2024-02-19</div>
      </div>
    </div>
    <div class="suqiuxiangqing-c">
      <div class="suqiuxiangqing-c-a">
        <div class="suqiuxiangqing-c-aa">办理部门</div>
        <div class="suqiuxiangqing-c-aaa">市环保局</div>
      </div>
      <div class="suqiuxiangqing-c-a suqiuxiangqing-cc">
        <div class="suqiuxiangqing-c-aa">处理人</div>
        <div class="suqiuxiangqing-c-aaa">--</div>
      </div>
    </div>
    <div class="suqiuxiangqing-c">
      <div class="suqiuxiangqing-c-a">
        <div class="suqiuxiangqing-c-aa">处理状态</div>
        <div class="suqiuxiangqing-c-c">
          <div class="suqiuxiangqing-c-cc"></div>
          <div class="suqiuxiangqing-c-ccc">已处理</div>
        </div>
      </div>
      <div class="suqiuxiangqing-c-a suqiuxiangqing-cc">
        <div class="suqiuxiangqing-c-aa">联系电话</div>
        <div class="suqiuxiangqing-c-aaa">--</div>
      </div>
    </div>
          <div class="suqiuxiangqing-d">诉求内容</div>
          <div class="suqiuxiangqing-d-cc">企业上市需要开具环保合规函，在什么地方开，需要 准备什么材料，和谁联系去开合规函？</div>
          <div class="suqiuxiangqing-d">回复内容</div>
          <div class="suqiuxiangqing-d-ccc">您好！国家环保部已明确不再开展该项业务，故我局现在已不办理出具该类证明业务，咨询人可自行在信用中国官网查阅公共信用报告，感谢对</div>
   
  </div>
</template>

<script>
export default {
  name: "",
  /*1. Vue扩展 */
  extends: "", // extends和mixins都扩展逻辑，需要重点放前面
  mixins: [],
  components: {},
  /* 2. Vue数据 */
  props: {},
  model: { prop: "", event: "" }, // model 会使用到 props
  data() {
    return {};
  },
  computed: {},
  watch: {}, // watch 监控的是 props 和 data，有必要时监控computed
  /* 3. Vue资源 */
  filters: {},
  directives: {},
  /* 4. Vue生命周期 */
  created() {},
  mounted() {},
  destroy() {},
  /* 5. Vue方法 */
  methods: {},
};
</script>

<style scoped lang="scss">
.suqiuxiangqing {
  .suqiuxiangqing-a {
    display: flex;
    justify-content: space-between;
    height: 92px;
    border-bottom: 1px solid #e0e1e5;

    .suqiuxiangqing-a-a {
      margin: 61px 0 0 17px;
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 17px;
      color: #000000;
    }
    .suqiuxiangqing-a-aaa {
      margin: 61px 17px 0 0;
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 17px;
      color: #000000;
      width: 40px;
    }

    .suqiuxiangqing-a-aa {
      margin-top: 61px;
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 17px;
      color: #000000;
    }
  }
  .suqiuxiangqing-b {
    background-image: url("../../assets/images/zu1.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 31px;
    margin-top: 11px;
    .suqiuxiangqing-bb {
      line-height: 31px;
      margin-left: 12px;
      font-family: Alibaba PuHuiTi;
      font-weight: 500;
      font-size: 15px;
      color: #2c2c2c;
    }
  }
  .suqiuxiangqing-c {
    display: flex;
    margin-top: 21px;
    .suqiuxiangqing-c-a {
      margin-left: 11px;
      border-right: 1px solid #e0e1e5;
      flex: 1;
      .suqiuxiangqing-c-c{
        background: #FFFFFF;
border-radius: 2px;
border: 1px solid #69B993;
width: 62px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
.suqiuxiangqing-c-cc{
    width: 10px;
height: 7px;
background: #69B993;


}
.suqiuxiangqing-c-ccc{
 font-family: Source Han Sans SC;
font-weight: 400;
font-size: 10px;
color: #3F9F71;
margin-left: 5px;

}
      }
      .suqiuxiangqing-c-aa {
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        font-size: 15px;
        color: #989898;
      }
      .suqiuxiangqing-c-aaa {
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        font-size: 15px;
        color: #2c2c2c;
      }
      .suqiuxiangqing-ccc {
      }
    }
    .suqiuxiangqing-cc {
      border-right: none;
    }
  }
  .suqiuxiangqing-d{
    font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 15px;
color: #989898;
margin: 26px 0 0 11px;
  }
  .suqiuxiangqing-d-cc{
    font-family: Source Han Sans SC;
font-weight: 600;
font-size: 16px;
color: #2C2C2C;
line-height: 24px;
margin: 5px 14px 0 11px;

  }
  .suqiuxiangqing-d-ccc{
    font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 15px;
color: #2C2C2C;
line-height: 23px;
margin: 5px 14px 0 11px;

  }
}
</style>
